<volist name="left_menu" id="val" >
<h3 class="f14"><span class="switchs cu on" title="{$lang.expand_or_contract}"></span>{$val.title}</h3>
<ul>
    <volist name="val['sub']" id="sval" >
	<li id="_MP{$sval.id}" class="sub_menu"><a href="javascript:_MP({$sval.id},'{$sval.url}');" hidefocus="true" style="outline:none;">{$sval.title}</a></li>
    </volist>
</ul>
</volist>
<script type="text/javascript">
$(".switchs").each(function(i){
	var ul = $(this).parent().next();
	$(this).click(
	function(){
		if(ul.is(':visible')){
			ul.hide();
			$(this).removeClass('on');
				}else{
			ul.show();
			$(this).addClass('on');
		}
	})
});
</script>